@primary-color: #1e9b88;
@primary-5: #3ba894;
@primary-7: #0e8170;

@hoverColor: @primary-5;
@activeColor: @primary-7;
@disabledColor: rgba(0, 0, 0, .25);
@hoverColor-item: #f5f5f5;
@basicBg: #ededed;
@placeholderColor: #bbbbbb;
@error: #f04134;
@success: #10c038;
@warning: #ff931d;
@tableHead: #f4f5f7;
@formLabel: #333333;
@normalColor: #555555;
@inputNormalWidth: 200px;
@inputLargeWiidth: 330px;

.warn {
  color: #ff931d;
}

.clickBtn {
	background: #e1ecff;
	border: 1px solid @primary-color;
}

.primaryBtn {
	background: @primary-color;
	color: #fff;
	border: none;
}

.secondaryBtn {
	background: #fff;
	border: 1px solid #d9d9d9;
	color: @placeholderColor;
}

.dangerBtn {
	border: 1px solid #f04134;
	background: #fff;
	color: #f04134;
}

.linkBtn {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: @primary-color;
	letter-spacing: 0;
}

.bthStyle {
	line-height: 18px;
	border-radius: 2px;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	display: inline-block;
	text-align: center;
}

.common-table-status {
	text-align: center;
	line-height: 20px;
	border: 1px solid #e7e9ea;
	border-radius: 2px;
	width: 56px;
	height: 20px;
	font-size: 12px;
	display: inline-block;
}

.ellipsis-lines(@lines: 3) {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: @lines;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	word-break: break-all;
}
